//点击切换盒子
$('.login a').on('click', function () {
    $('.register').show()
    $('.login').hide()
})
$('.register a').on('click', function () {

    $('.login').show()
    $('.register').hide()

})
//登录
$('.login form').on('submit', function (e) {
    //阻止默认行为
    e.preventDefault()
    //获取表单信息，转换为查询字符串
    let data = $(this).serialize()
    //ajax 请求 
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: data,


        success: function (res) {

            if (res.status === 0) {
                console.log(res)
                // 提示
                layer.msg(res.message, {
                    time: 1500,
                    icon: 6
                }, function () {
                    location.href = './index.html';
                });
                // 登录成功，保存token
                localStorage.setItem('token', res.token);
                // 跳转到首页面 index.html

            }
        }
    });
})
//注册


$('.register form').on('submit', function (e) {
    e.preventDefault()


    let data = $(this).serialize()



    console.log(data)
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,


        success: function (res) {
            console.log(res)
            if (res.status === 0) {
                // 提示
                layer.msg(res.message);
                // 清空输入框。找到表单，转成DOM对象，调用DOM方法reset，来重置表单
                $('.register form')[0].reset();
                // 切换到登录的盒子
                $('.login').show().next().hide();
            }

        }
    });




})

let form = layui.form
form.verify({
    user: [/^\w{2,10}$/, '用户名长度必须是2~10位'],
    pwd: [/^\w{6,12}$/, '密码长度必须6~12位'],
    same: function (val) {
        let paw1 = $('.paw1').val()
        if (val !== paw1) {
            return '两次密码输入不一致~'

        }

    }
})